版式基礎知識UI typography

A 字距是什麼意思？每個字形本身就包含一定的字母間距。這種間距成為邊軸，邊軸是指字形兩側的預設空隙。邊軸在設計字形時確定，決定了字母的預設間距。字距是指在文字佈局中調整字母間的空間，以獲得更好的視覺效果。字母間距需要根據字型大小進行調整，以保持良好的視覺效果。

B 字間距tracking和字偶距的差異性kerning。字距是指調整所有字母之間的空間，字偶距是對某些特定字母對之間間距的微調。字偶距也是由字型設計師建立的，在絕大多數情況下，你不需要修改它。

C 字距的調整可以進一步最佳化字型在不同尺寸下的表現。也就是說每個字型預設間距不同。

D 專業的字間距調節案例：

靜態字型：需要分別使用不同的字型檔案來適應不同的字號或設計需求（如 SF Text 和 SF Display）

可變字型：一個字型檔案即可適應多種設計需求，透過調整引數動態變化（如 SF Pro）

透過將1/2048em的Tracking值轉換為em單位，然後再轉換為百分比，可以更直觀地理解和應用字母間距的調整。比如下圖中6號字，對應的是Tracking值，6號字間距的百分比=（75/2048）X100=3.66%

案例1 靜態字型（Static Fonts）：SF Text 和 SF Display

SF Text用於20點以下的小字號，SF Display用於20點及以上的大字號。

SF Text和SFDisplay的字間距，

SF Text 6號3.66%、20號-2.44%、SFDisplay 20號1.22%、80號0%

案例2 SF Pro 可變字型（Variable Font）

經驗：

小字號 (6點至12點)：增加字間距以提高可讀性。Tracking值從75（1/2048em）到30（1/2048em），對應百分比從3.66%到1.46%。

中等字號 (13點至24點)：根據需要微調字間距。Tracking值從10（1/2048em）到-50（1/2048em），對應百分比從0.49%到-2.44%。

大字號 (25點及以上)：減少字間距以增強視覺衝擊力。Tracking值從25（1/2048em）到0（1/2048em），對應百分比從1.22%到0.00%。

行距是文字行之間的垂直空間，它是使文字可讀和好看的重要部分。這個名稱來自印刷術早期，當時用鉛條分隔字行。調整行距即調整每行文字基線之間的垂直距離。

A 大多數文字的行距值與其點數大小成比例。可讀性好的正文文字，你希望行距約為點數大小的120%。

B 阿拉伯字母書寫有很多上下延伸的部分，這些部分可能會佔用上下行的空間，所以一般來說，增加一些行距是有好處的。

C 有時候收緊行距會更好，比如在watchOS中，我們在很多地方應用了緊湊行距，以便在螢幕上顯示更多資訊。

註解：字型字號不是PT嗎？em又是啥？

Tracking值從75（1/2048em）到30（1/2048em），對應百分比從3.66%到1.46%是啥意思？

em 和 pt 的關係：
- em是一個相對單位，是字型設計時 em 方框內使用的單位解析度（是一個百分比）。在 16pt 的字型下，1 em = 16pt。這意味著整個 em 方框的大小是 16pt。
- 如果字母 "A" 的頂部位於 Y 軸的 2048 單位處，底部位於 Y 軸的 0 單位處，那麼字母 "A" 的高度就等於 1 em，或者 16pt。

Tracking（字母間距）：
- Tracking是指調整字母之間的整體間距。設計師可以在排版軟體中定義 tracking 值，例如 75。
- 75 不是 75em，而是指75 個字型單位（2048 個單位中的 75 個單位）。
- 75（單位） / 2048（總單位） =0.0366 em，這個值是相對於字型大小的字母間距比例。

透過 em 計算 Tracking 的 pt：
- 在 16pt 的字型下，1 em = 16pt。
- 那麼0.0366 em × 16pt = 0.586pt，也就是說字母之間的間距是0.586pt。